﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="Ratings.aspx.vb" Inherits="APhones2.Ratings" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style  >

 
.smileypng {background-image: url ("/smiley.jpg"); width: 20px; height: 20px; }
.smileypng1 { background-image: url("/smiley1.jpg"); width: 20px; height: 20px; }
.smileypng2 { background-image: url("/smiley2.jpg"); width: 20px; height: 20px; }
    .style1
    {
        font-size: xx-large;
    }
</style>
 
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <strong><span class="style1">Ratings Site</span></strong><br />
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <br />
    <br />
    <br />
    
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
        DataKeyNames="ID" DataSourceID="SqlDataSource1">
        <Columns>
            <asp:BoundField DataField="PhoneName" HeaderText="PhoneName" 
                SortExpression="PhoneName" />
            <asp:ImageField DataImageUrlField="Picture" HeaderText="Picture">
                <ControlStyle Height="100px" Width="100px" />
            </asp:ImageField>
        </Columns>
    </asp:GridView>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
        ConnectionString="<%$ ConnectionStrings:Phones %>" 
        ProviderName="<%$ ConnectionStrings:Phones.ProviderName %>" 
        SelectCommand="SELECT [ID], [PhoneName], [Picture] FROM [Phones] WHERE ([ID] = ?)">
        <SelectParameters>
            <asp:QueryStringParameter Name="ID" QueryStringField="ID" Type="Int32" />
        </SelectParameters>
    </asp:SqlDataSource>
   
    <p>
    &nbsp;</p>
    <p style="font-size: x-large">
        PLEASE RATE OUR PHONES:</p>
    <div style="border:2px solid black">
    <asp:Rating ID="Rating1" runat="server" EmptyStarCssClass= "smileypng" FilledStarCssClass= "smileypng1"
    StarCssClass= "smileypng1" WaitingStarCssClass= "smileypng2" 
        CurrentRating="1" Height="20" Width="130" BorderStyle="Dashed" BorderColor="Red" BackColor="#66FFFF">
    </asp:Rating>
    </div>
   
    <br />
   
   
    <br />
    <asp:Button ID="bt_SubmitRatings" runat="server" Text="Submit Ratings" />
     <br />
    <br />
    <asp:Label ID="lb_Ratings" runat="server"></asp:Label>
     <br />
    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default.aspx">Back to Phone Details</asp:HyperLink>
     <br />

</asp:Content>
